#{headMain /}

<body class="site">
	<div id="universal-top-bar" data-features="dropdown-menus">
		<div id="utb-elements">
			<a id="utb-logo" href="@{Application.index()}">
			<img src="../public/images/logo.png" alt="IdeaScale" width="78" height="27"/>
			</a>
			<div id="community-selector" class="utb-dropdown-menu" tabindex="0">
				<span class="utb-arrow">&#x25bc;</span>
				<span id="current-community"> smartsoft</span>
				<ul class="utb-menu">
					<li class="admin">
						<a href="/">smartsoft</a>
					</li>
					<li class="utb-separator">
					</li>
					<li>
						<a href="http://ideascale.com/a/profile/communities/new" id="menu-item-new-community">Create New Community</a>
					</li>
				</ul>
			</div>
			<div id="utb-session" class="utb-dropdown-menu" tabindex="0">

				#{userName uName:'ibrahim' /}

				<ul class="utb-menu">
					<li>
						<a href="#">Profile</a>
					</li>
					<li>
						<a href="#">Notifications</a>
					</li>
					<li class="utb-separator">
					</li>
					<li>
						<a href="#"
						title="View this Community as a Moderator">Moderation</a>
					</li>
					<li>
						<a href="#"
						title="Open the community settings administration interface.">Community Settings</a>
					</li>
					<li>
						<a href="#">My Community Activity</a>
					</li>
					<li class="utb-separator">
					</li>
					<li id="utb-logout">
						<form action="/logout" method="post" data-features="link-button-preferred">
							<div>
								<button type="submit" class="link-button-preferred">
									Logout
								</button>
							</div>
						</form>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="page">
		<div id="header">

			<h1 class="main-title">smartsoft</h1>
			<div id="search">
				<form name="DummyForm" action="/a/searchPanel.do" method="post" data-features="placeholder-text">
					<input id="search-field" type="text" name="query" value=""
					title="Search Terms" data-placeholder-text="Search Ideas"/>
					<input type="submit" value="Search"/>
				</form>
			</div>
		</div>
		<h6 id="message-user" class="invisible" data-features="inline-help"></h6>
		<div id="about" class="outer">
			<div id="intro">
				<h3> How does it work? </h3>
				<ul>
					<li class="user-step-1">
						Users submit their ideas.
					</li>
					<li class="user-step-2">
						Our community discusses and votes for ideas.
					</li>
					<li class="user-step-3">
						The best ideas bubble up to the top.
					</li>
				</ul>
			</div>
			<div id="client-txt">
				<h2>Welcome to the smartsoft</h2>
				<p>
					In this community, you can
					<strong>submit</strong> ideas,
					<strong>vote</strong> on existing ideas, or
					<strong>add comments.</strong>
				</p>
				<p>
					To
					<strong>submit</strong> an idea, please click the new idea button below. You will then be asked to add a title and choose a category for the new idea. You will also have the option to add
					<strong>tags</strong> to the idea.</strong> To
					<strong>vote</strong> on an idea, simply click the up or down thumb to the left of the idea title/description.  And to
					<strong>add a comment</strong>, click in the box below the idea.
				</p>
				<p>
					If you would like to see all ideas created with a specific tag, you can click on the word or phrase via the tagcloud in the left navigation area under
					<strong>"What we're discussing".</strong> You can also view ideas sorted by
					<strong>Categories</strong> from the left navigation area.  To return to this page, click the
					<strong>All Ideas</strong> link.
				</p>
			</div>
			<a href="/a/showCreateTopic.do" class="submit-new-idea nyroModal post" title="Submit New Idea" rel="nofollow">Submit New Idea</a>
		</div>
		
		<div id="main">
			<h2 class="listing-title accessibility-focus" tabindex="0">Browse Popular Ideas</h2>
			<ul id="listing-nav">
				<li id="tab-recent"  >
					<a href="/a/ideafactory.do?id=13998&mode=recent&discussionFilter=active" title="All Recent Ideas">Recent (1)</a>
				</li>
				<li id="tab-top"  class="active">
					<a href="/a/ideafactory.do?id=13998&mode=top&discussionFilter=active" title="All Popular Ideas">Popular (1)</a>
				</li>
				<li id="tab-hot"  >
					<a href="/a/ideafactory.do?id=13998&mode=hot&discussionFilter=active" title="All Hot Ideas">Hot (1)</a>
				</li>
				<li id="tab-review"  >
					<a href="/a/ideafactory.do?id=13998&mode=review&discussionFilter=active" title="All In Review Ideas">In Review (0)</a>
				</li>
				<li id="tab-progress"  >
					<a href="/a/ideafactory.do?id=13998&mode=progress&discussionFilter=active" title="All In Progress Ideas">In Progress (0)</a>
				</li>
				<li id="tab-complete"  >
					<a href="/a/ideafactory.do?id=13998&mode=complete&discussionFilter=active" title="All Complete Ideas">Complete (0)</a>
				</li>
			</ul>
			<ul id="ideas" class="hfeed">

				<li id="idea-15388" class="idea">

					<div class="voting">
						<p class="votes">
							<span id="idea-15388-votes" class="vote-number">0</span>
							<span id="idea-15388-votes-label" class="unit">votes</span>
						</p>
					</div>
					<div
					id="idea-15388-status"
					class="idea-status active"
					title="This idea is active.">
						This idea is active.
					</div>
					<div class="content">

						<a href="javascript:void(0)" class="moderate-idea png-bg" title="Moderate this Idea">Moderate Idea</a>
						<div id="idea-15388-moderator-actions" class="admin-idea">
							<h4> Change Idea Status </h4>
							<ul>
								<li class="inbound">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,98,'inbound');" title='Set Idea State to Inbound'> Inbound</a>
								</li>
								<li class="new-pending">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,99,'new-pending');" title='Set Idea State to Pending Approval'> Pending Approval</a>
								</li>
								<li class="active">
									<a class='current-status' href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,0,'active');" title='Set Idea State to Active'> Active</a>
								</li>
								<li class="under-review">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,3,'under-review');" title='Set Idea State to In Review'> In Review</a>
								</li>
								<li class="in-progress">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,2,'in-progress');" title='Set Idea State to In Progress'> In Progress</a>
								</li>
								<li class="completed">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,4,'completed');" title='Set Idea State to Completed'> Completed</a>
								</li>
								<li class="closed">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,1,'closed');" title='Set Idea State to Closed'> Closed</a>
								</li>
								<li class="offtopic">
									<a  href="javascript:ideaSetStatus('/a/changeDiscussionTopicStatus.do',15388,5,'offtopic');" title='Set Idea State to Off Topic'> Off Topic</a>
								</li>
							</ul>
							<h4> Edit Idea </h4>
							<ul>
								<li>
									<a class="merge nyroModal" href="/a/mergeTopic.do?topicID=15388" title='Add this Idea to the Merge Cart'>Merge</a>
								</li>
								<li>
									<a class="edit nyroModal" href="/a/editDiscussionTopic.do?topicID=15388" title='Open a popup to edit this Idea'>Edit Idea</a>
								</li>
								<li>
									<a class="delete" href="javascript:ideaDelete('/a/deleteDiscussionTopic.do',15388,'Are you sure you want to delete this idea?');" title='Delete this Idea'>Delete Idea</a>
								</li>
							</ul>
						</div>
						<span class="idea-category">
							<a href="/a/ideafactory.do?discussionID=9524" rel="category" title="Go to the Website Category">Website</a>
							&raquo;
						</span>
						<h3 class="title">
						<a href="/a/dtd/Your-First-Idea!/15388-13998" title="Go to this Idea&#39;s full details"> Your First Idea!</a>
						</h3>    <!-- Custom Fields -->
						<div id="idea-15388-summary" class="entry-summary">

							<p>
								Welcome to your new IdeaScale community! Your community has now been created. You can edit your idea by logging in as a moderator, then clicking
								...
								<span>
									<a href="javascript:more(15388);" class="more-link" rel="bookmark">more</a> &raquo;
								</span>
							</p>
						</div>
						<div id="idea-15388-details" class="entry-full invisible">

							<p>
								Welcome to your new IdeaScale community! Your community has now been created. You can edit your idea by logging in as a moderator, then clicking the 'moderate idea' menu.
							</p>
							<p>
								<span>
									&laquo;
									<a href="javascript:less(15388);" class="more-link" rel="bookmark">less</a>
								</span>
								<span>
									<a href="/a/dtd/Your-First-Idea!/15388-13998" class="more-link">full details</a> &raquo;
								</span>
							</p>
						</div>
						<a href="/a/dtd/Your-First-Idea!/15388-13998" title="Add the first comment about this idea" class="comments create-comment png-bg">Add your comment</a>
						<p class="details vcard author">
							Submitted by
							<a href="/a/pmd/27019-13998" rel="user" class="fn nickname">You</a>
							<span class="updated published" title="2011-05-10T11:31:32.000-07:00">14 hours ago</span>
						</p>
					</div>
				</li>
			</ul>
			<p class="displaying">
				Displaying all Ideas
			</p>
		</div>
	</div>
	<div id="footer">
		<p>
			Copyright &copy; 2010
			<a href="http://ideascale.com" title="IdeaScale Crowdsourcing Software">Smart Soft</a>
			<a href="http://ideascale.com/feedback-software.html">Feedback Software</a>
			|
			<a href="/a/panelDetails.do?id=13998&detailID=153480">Contact</a>
			|
			<a href="/a/panelDetails.do?id=13998&detailID=153479" title="Read the Terms of Use">Terms of Use</a>
			|
			<a href="http://ideascale.com/crowdsourcing.html">Deverlopers Team</a>
			|
			<a href="http://ideascale.com/feedback-form.html">Feedback Form</a>
			<!--
			| <a href="#" title="Custom Footer Link 1">Link One</a>
			| <a href="#" title="Custom Footer Link 2">Link Two</a>
			-->
			|
			<a href="/a/ideascaleStatic.do?mode=widget" title="Get the IdeaScale Widget">Widget</a>
		</p>
		<a href="http://ideascale.com" class="ideascale-color png-bg" title="Go To IdeaScale Home Page">Powered By IdeaScale</a>
	</div>        <!--[if lt IE 7 ]>
	<script type="text/javascript" src="/js-libs/dd_belatedpng.js?v=1"></script>
	<script type="text/javascript">DD_belatedPNG.fix('img,  .png-bg');</script>
	<![endif]-->
</body>
</html>